import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import router from '@/router'
import store from '@/store'
import "@/style/index.css"
import "@/utils/day";
import 'font-awesome/css/font-awesome.min.css'
import "./permission"
import components from '@/components'
Vue.use(components)
import "@/mock-sls"
// Vue.config.productionTip = false
import './mock-c/index'
import VueEditor from 'vue2-editor';

Vue.use(VueEditor)
Vue.config.productionTip = false
Vue.use(ElementUI);
import * as filters from '@/filters' // 引入工具类
// 注册全局的过滤器
Object.keys(filters).forEach(key => {
  // 注册过滤器
  Vue.filter(key, filters[key])
})

// 环境变量
// 程序所运行的环境下的变量
// process 类似浏览器的 window 一样的 属于 node环境里的 内置对象，叫做 进程
// console.log(process.env)
// console.log(process.env.NODE_ENV) // 查看程序运行的环境 development (开发环境)   production (生产环境)
// console.log(process.env.VUE_APP_URL) // 当前配置的实际场景：接口基地址的配置：因为开发的时候使用的是，测试接口。而项目上线时使用的是真正的实际接口
// 所有当 同一个变量在不同的环境下就会读取不同的环境变量内的信息.
// 场景还原: 项目开发时我们使用 测试接口，此时node内置对象process因有我们配置存在就会匹配 开发环境变量内的测试接口使用
// 当项目打包/上线，时同样的因为有我们的配置，指令命令的时候就会去读取生产环境下的配置，且配置的就是有真实数据的接口。

// 引入mock
import  '@/mock'

new Vue({
  render: h => h(App),
  router,
  store
}).$mount('#app')
